import { OgDataBox } from '@/app/share/_components/og-data-box';
import { OgImage } from '@/app/share/_components/og-image';
import { OgNotFound } from '@/app/share/_components/og-not-found';
import { createOgResponse } from '@/app/share/_components/og-response';
import { formatNumber } from '@/lib/number';
import type { Address } from 'viem';
import { getOgBond } from '../_components/data';

interface RouteParams {
  params: Promise<{
    id: string;
  }>;
}

export async function GET(request: Request, { params }: RouteParams) {
  const url = new URL(request.url);

  // Get fund address from params
  const { id } = await params;
  const bond = await getOgBond(id);

  if (!bond) {
    return createOgResponse(<OgNotFound />);
  }

  return createOgResponse(
    <OgImage
      id={id as Address}
      name={bond.name}
      symbol={bond.symbol}
      totalSupply={bond.totalSupply}
      baseUrl={url.origin}
    >
      <OgDataBox label="Maturity Date" value={bond.maturityDate} />
      <OgDataBox label="Face Value" value={formatNumber(bond.faceValue)} />
    </OgImage>
  );
}